<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        数兔子，斐波拉契，第几个月草原有多少只兔子
    </div>
    <input type="text" id="feb" placeholder="请输入时长/月">
    <button id="btn">提交</button>
    <script>
        var feb = document.getElementById("feb");
        //获取input框元素
        var btn = document.getElementById("btn");
        //获取按钮元素
        btn.onclick = function () {//单击事件
            var month = parseInt(feb.value);
            // 获取用户输入的月
            var num1 = 0 ;//初始num1用来存储数据
            var num2 = 0 ;//初始num2用来存储数据
            var res = 0 ;//初始res用来存储数据
            if ( month <= 2 ) {//判断月份是否在第三个月
                alert("到" + month + "有2只兔子");
            } else if ( month >= 3 ){//如果在第三个月
                num1 = 2 ;
                // 给初始值num1一个值
                num2 = 1 ;
                // 给初始值num2一个值
                for( var i = 3 ; i <= month ; i ++ ){
                    // 执行循环，从第三个月开始，直到结束月份
                    res = num1 + num2 ;//第三个月的兔子是2只成熟兔子和一个幼年兔子
                    num2 = num1 ;//将第二个月的兔子数量赋值给num2
                    num1 = res ; //将第三个月兔子数量赋值给num1
                }
            }
            alert("第" + month + "个月有" + res + "只兔子！");
            feb.value = null ;
        }
    </script>
</body>
</html>